<template>
  <div class="login">
    <!-- 头部header -->
    <Menu></Menu>
    <!-- 中间main -->
    <main>
     <router-view></router-view>
    </main>
    <!-- 底部footer -->
    <Footer></Footer>
  </div>
</template>

<script>
import Menu from "@/components/Menu.vue";
import Footer from "@/components/Footer.vue";
export default {

  components: {
    Menu,
    Footer
  }
};
</script>

<style lang="less" scpoed>
.login {
  height: 100%;
  position: relative;
  main {
    width: 100%;
    height: 100%;
    margin: 0 0 -500px;
    .el-form {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
}
</style>